// 顶部搜索框
.searchTop {
  display: flex;
  padding: 0px 22px;
  align-items: center;
}
.searchTop > img{
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.search {
  display: flex;
  align-items: center;
  height:28px;
  border:1px solid rgba(255,255,255,1);
  border-radius:14px;
  width: 90%;
}
.search ion-input {
  color: #fff;

}
.search img {
  width: 15px;
  height: 15px;
  margin: 0 10px;

}

// 轮播图
.slides-carousel{
  width: 100%;
  padding:5px 0px;

}

.slides-carousel img{
  width: 100%;
  height: 200px;
}
// 商品详情
.classification {
  padding: 10px;
}
.classification .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255,255,255,1);
  margin: 10px 0 20px 0;
}
.transverse{
  width: 46px;
  border-bottom: 3px solid #fff;
  margin: 0 10px;
}
.product {
  display: flex;
}
.gap {
  margin: 0 5px;
}

.productImg {
  display: flex;
}
.productImg >div{
  margin:5px;
}
// 最新商品
.commodity {
  display: flex;
  flex-wrap: wrap;
}
.item {
  width: 45%;
  background: rgba(255,255,255,1);
  margin: 7px;
  padding-bottom: 5px;

}
.item .name {
  padding: 10px;
  font-size:13px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.item .price {
  font-size:1.2rem;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(1,1,1,1);
  padding: 0 10px;
  margin-top: 3px;
}

.item .price span {
  float: right;
  font-size:0.9rem;
  margin-right: 10%;
  margin-top:3px;
  color: #666666;
  // text-decoration:line-through;
}
   /*功能导航*/
#nav{
  margin-top: 10px;
  height:82px;
  width:100%;
  background-color:#fff;
  overflow:hidden;
  box-shadow:0 1px 1px #ebebeb;
}
 #nav span{
  display:block;
  float:left;
  width:20%;
  height:60px;
  margin-top:20px;
}
 #nav span img{
  display:block;
  width:30px;
  height:30px;
  margin:0px auto;
}
 #nav span h2{
  font-size:14px;
  // font-weight:300;
  text-align:center;
  margin-top: 13px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(51,51,51,1);

}

.booking{
  // margin-left: 10px;
  // margin-right: 10px;
  margin: 10px 10px;
  // width:95%;
  height: 270px;
  background:rgba(255,255,255,1);
  box-shadow:2px 3px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius:20px;
}


.booking ion-note{
  font-size: 10px;

}
.booking-left{
  float: left;
  width: 50%;
  height: 150px;
}

.booking-left span{
  width:16px;
  height:16px;
  background:rgba(221,76,75,1);
  border-radius:4px;
  font-size:11px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:16px;
  text-align: center;
}
.booking-left label{
  line-height:16px;
  text-align: left;
  width: 40px;
  // font-family:PingFang SC;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.booking-right label{
  line-height:18px;
  text-align: center;
  margin-right: 10px;
  // font-family:PingFang SC;
  font-weight:bold;
  color:rgba(51,51,51,1);
}

.booking-right{
  float: right;
  width: 50%;
  height: 150px;
}
.booking-image{
  width: auto 0;
  padding-right: 5px;
}
.booking-image img{
  width: 50%;
  height: 100px;
  padding-right: 5px;
}
.segment-btn {
//  padding: 10px;
}
.segment-btn ion-segment-button{
  width:65px;
  --background:#fff;
  --background-activated:#fff;
  --background-checked:#fff;
  --color:rgba(102,102,102,1);
  --color-activated:rgba(102,102,102,1);
  --color-checked:rgba(255,55,21,1);
  --border-width:0;
}

.tab1-span-text{
  width:33%;
  height:30px;
  line-height: 30px;
  // background:#000000;
  background: rgba(0,0,0,0.6);
  // opacity:0.6;
  border-radius:3px;
  font-size: 1.2rem;
  display: inline-block;
  color: #fff;
  text-align: center;

}


.tab1-span-text-height{
  position: absolute;
  margin-top: 31.2%;
  margin-left: 6%;
}

.tab1-span-text-height-1{
  position: absolute;
  margin-top: 77.5%;
  margin-left: 6%;
}